<div class="row">
    <div *ngIf="companyClusterCode" style="font-size: large;margin-bottom: 20px;text-align: center;" class="col-sm-9 col-sm-offset-1">
        The company's risks driven by environmental, social and governance factors are assessed as <b>{{currentClusterName.toLowerCase()}}</b>.
    </div>
</div>
<div class="row">
    <div class="col-sm-12">
        <ng-container *ngIf="!isMei">
            <span *ngIf="businessModelComment">
                <strong *ngIf="exposureComment || esgRiskManagement">Business Model</strong>
                <p [innerHtml]='businessModelComment'></p>
            </span>
            <span *ngIf="exposureComment">
                <strong *ngIf="businessModelComment || esgRiskManagement">Exposure Overview</strong>
                <p [innerHtml]='exposureComment'></p>
            </span>
            <span *ngIf="esgRiskManagement">
                <strong *ngIf="businessModelComment || exposureComment">Management Overview & Conclusions</strong>
                <p [innerHtml]='esgRiskManagement'></p>
            </span>
        </ng-container>
        <ng-container *ngIf="isMei">
            <span *ngIf="exposureComment">
                <strong *ngIf="businessModelComment || esgRiskManagement">Exposure</strong>
                <p [innerHtml]='exposureComment'></p>
            </span>
            <span *ngIf="businessModelComment">
                <strong *ngIf="exposureComment || esgRiskManagement">Management</strong>
                <p [innerHtml]='businessModelComment'></p>
            </span>
            <span *ngIf="esgRiskManagement">
                <strong *ngIf="exposureComment || businessModelComment">Conclusions</strong>
                <p [innerHtml]='esgRiskManagement'></p>
            </span>
            <span *ngIf="narrative">
                <p [innerHtml]='narrative'></p>
            </span>
        </ng-container>
    </div>
</div>